import type { LegacyRef } from 'react';
import type { SizeEnum } from '../common';

export interface ImageOptions {
  /**
   * 尺寸大小
   */
  size?: SizeEnum;
  /**
   * 是否隐藏
   */
  hidden?: boolean;
  /**
   * 是否禁用
   */
  disabled?: boolean;
  /**
   * 是否为头像
   */
  avatar?: boolean;
  /**
   * 是否有边框
   */
  bordered?: boolean;
  /**
   * 是否占据整个容器宽度
   */
  fluid?: boolean;
  /**
   * 是否圆角
   */
  rounded?: boolean;
  /**
   * 是否圆形
   */
  circular?: boolean;
  /**
   * 对齐方式
   */
  aligned?: 'top' | 'middle' | 'bottom';
  /**
   * 是否剧中对齐
   */
  centered?: boolean;
  /**
   * 是否隔开；`true`：两边隔开；`false`：两边都不隔开；`left`：只隔开左边；`right`：只隔开右边
   */
  spaced?: boolean | 'left' | 'right';
  /**
   * 浮动
   */
  floated?: 'left' | 'right';
  /**
   * ui css类名
   */
  ui?: boolean;
  /**
   * 包裹
   */
  wrapped?: boolean;
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}

export interface ImageGroupOptions {
  /**
   * 尺寸大小
   */
  size?: SizeEnum;
  /**
   * 转发 ref
   */
  forwardedRef?: LegacyRef<HTMLElement>;
}
